<!-- 首页：本周待办任务卡片 -->
<template>
	<el-card header="本周待办任务" class="home-card">
		<ul class="home-card-list">
			<li v-for="item in list" :key="item.id" class="home-card-item">
				<RouterLink to="/" class="home-card-item-link">
					<div class="home-card-item-icon">
						<el-icon><Calendar /></el-icon>
					</div>
					<span>{{ item.name }}</span>
				</RouterLink>
			</li>
		</ul>
	</el-card>
</template>
<script setup>
import { reactive } from 'vue';

const list = reactive([
	{
		id: 1,
		name: '供应链集成计划流程与模型',
	},
	{
		id: 2,
		name: 'APS 高级生产计划与调度产品规划',
	},
	{
		id: 3,
		name: '多级生产库存规划',
	},
]);
</script>
<style lang="scss">
@import '../styles/card.scss';
</style>
